<template>
	<view class="brand">
			<image src="../../static/tj2.png" mode="widthFix" class="brandTitleImg"></image>
		<text>品牌推荐</text>
		<image :src="item" mode="widthFix" v-for="(item,index) in images" :key='index'></image>
	</view>
</template>

<script>
export default {
	name: "",
	data() {
		return {
			images:[]
		};
	},
	created(){
		let that=this
		this.$http({
			url:'/index/brand',
			success(res){
				that.images=res.data
			}
		})
	}
	}
</script>

<style scoped>
	
	.brand{
		padding-left: 10rpx;
		box-sizing: border-box;
	}
	.brand image{
		margin-top: 3vw;
		margin-left: 10rpx;
		width: calc(100vw - 30rpx);
	}
	.brand .brandTitleImg{
		margin-top: 0;
		width: 40rpx;
		margin-left: 20rpx;
		vertical-align: middle;
	}
	.brand text{
		font-size: 30rpx;
		font-weight: 300;
	}
	
</style>
